@charset "utf-8";
@import "common";

body{
	.game{
		.container{
			background-image: url(../img/game/games2.png);
			background-repeat: no-repeat;
			.con-ga-item{
				.item-two-right{
					text-align: right;
					h2{
						font-size: 30px;
					}
					p{
						font-size: 12px;
						color: #898989;
						line-height: 30px;
					}
					.games-pic{
						margin-bottom: 20px;
						border-radius: 5px;
						img{
							border-radius: 5px;
						}
					}
				}
			}
		}
		.con-items-two{
			background-image: url(../img/game/games11.png);
			background-repeat: no-repeat;
			background-position: 100%;
			.con-ga-items-two{
				.item-two-right{
					h2{
						font-size: 30px;
					}
					p{
						font-size: 12px;
						color: #898989;
						line-height: 30px;
					}
					.games-pic{
						margin-bottom: 20px;
						border-radius: 5px;
						img{
							border-radius: 5px;
						}
					}
				}
			}
		}
		.con-items-three{
			background-image: none;
			>h3{
				margin-bottom: 37px;
			}
			.picbox-items{
				>.row{
					>div{
						// margin-bottom: -1px;
						text-align: center;
						margin-bottom: 30px;
						>div{
							margin-bottom: -1px;
							position: relative;
							overflow: hidden;
							.pic-item-box{
								z-index: 0;
								// position: relative;
								img{
									width: 100%;
									height: 100%;
									border-radius: 10px;
								}
							}
							.hiddenAndShow{
								background-color: black;
								z-index: 1;
								position: absolute;
								width: 100%;
								border-radius: 10px;
								opacity: 0.9;
								bottom:0;
								overflow: hidden;
								height: 0;
								transition-property: height;
								transition-duration: 1s;
							}
							&:hover{
								.hiddenAndShow{
									height: 100%;
								}
							}
						}
					}
				}
			}
		}
	}
	footer{
		background-color: #3b3b3b;
		padding-top: 30px;
		padding-bottom: 37px;
		.container{
			>.row{
				display: flex;
				.foot-con-left{
					margin-right: 360px;
					.companyMess{
						margin-bottom: 15px;
						span{
							font-size: 14px;
							color: #8c8d94;
							}
					}
					.companyCopyright{
						span{
							font-size: 12px;
							transform: scale(0.8);
							color: #8c8d94;
						}
					}
				}
				.foot-con-right{
					display: flex;
					justify-content: flex-end;
					align-items: flex-end;
					.p_weixin{
						margin-left: 20px;
					}
					.p_qq{
						margin-left: 20px;
						margin-right: 10px;
					}
				}
			}
		}
	}
}